<!--    两级平行轴齿轮宏观参数设计及优化-->
<template>
    <div class="sum" style="width: 100%; height: 100%;position:relative; overflow-x:hidden; overflow-y:auto">
        <button class="a" :class="{ select_active: this.AisSelectActive }" @click="select" style="margin-left: 0.95%">基本参数</button>
        <button class="b" :class="{ select_active: this.BisSelectActive }" @click="select">设计模块</button>
        <div class="parameter">
          <a-row style="width: 100%; height: 100%">
              <a-col span="6" style="height: 100%">
                  <div style="height: 75%;width: 100%;box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);">
                      <div style="width: 100%; height: 3%; background: #D7D7D7">载荷及相关数据输入</div>
                      <div style="width: 100%; height: 97%">
                          <div style="width: 100%;height: 30%;position: relative">
                              <div style="position: absolute;width: 50%;height: 100%">
                                  <ul class="left_top_text">
                                      <li>低速级大轮输入转速(rpm)</li>
                                      <li>大轮静强度输入扭矩(Nmm)</li>
                                      <li>运行工况</li>
                                      <li>允许点蚀</li>
                                      <li>转折点循环次数设计</li>
                                      <li>无限点循环次数设计</li>
                                      <li>设计载荷输入形式</li>
                                  </ul>
                              </div>
                              <div style="position: absolute;width: 50%;height: 100%;right: 0">
                                  <ul class="left_top_input">
                                      <li><input v-model="form.n_input"/></li>
                                      <li><input v-model="form.torque_static_input"/></li>
                                      <li>
                                          <select v-model="form.whether_single_rotation">
                                              <option value="1">单向运转</option>
                                              <option value="2">双向运转</option>
                                          </select>
                                      </li>
                                      <li>
                                          <select v-model="form.switch_pitting">
                                              <option value="1">是</option>
                                              <option value="2">否</option>
                                          </select>
                                      </li>
                                      <li>
                                          <select v-model="form.consider_Nc">
                                              <option value="1">是</option>
                                              <option value="2">否</option>
                                          </select>
                                      </li>
                                      <li>
                                          <select v-model="form.consider_Long">
                                              <option value="1">是</option>
                                              <option value="2">否</option>
                                          </select>
                                      </li>
                                      <li>
                                          <select v-model="form.whether_rate_load">
                                              <option value="1">额定工况</option>
                                              <option value="2">载荷谱</option>
                                          </select>
                                      </li>
                                  </ul>
                              </div>
                          </div>
                          <div style="width: 100%;height: 36%;position: relative">
                              <div style="width: 100%;height: 100%;position: absolute">
                                  <div style="width: 100%;height: 100%;position: relative">
                                      <div style="position: absolute;width: 50%;height: 100%;left:0">
                                          <ul class="left_middle_text">
                                              <li>低速级大轮输入形式(Nmm)</li>
                                              <div style="width:100%;height:40%;position: relative;text-align: right">
                                              <li v-show="form.whether_torque==1" style="position: absolute;width: 100%">低速级大轮输入扭矩(Nmm)</li>
                                              <li v-show="form.whether_torque==2" style="position: absolute;width: 100%">低速级大轮输入功率(Nmm)</li>
                                              </div>
                                              <li>设计寿命(hr)</li>
                                          </ul>
                                      </div>
                                      <div style="position: absolute;width: 50%;height: 100%;right: 0">
                                          <ul class="left_middle_input">
                                              <li>
                                                  <select v-model="form.whether_torque">
                                                      <option value="1">输入扭矩</option>
                                                      <option value="2">输入功率</option>
                                                  </select>
                                              </li>
                                              <li><input v-model="form.spectrum_torque_w_1"/></li>
                                              <li><input v-model="form.spectrum_time_w_1"/></li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                              <div v-show="form.whether_rate_load==2&&AisSelectActive==true" style="width: 100%;height: 100%;position: absolute;background: white">
                                  <div style="width: 100%; height: 15%">
                                  <a-upload :showUploadList="false" :maxCount="1" :customRequest="customRequest" name="file">
                                      <button>导入轴承极限载荷</button>
                                  </a-upload><p>注：载荷谱文件格式为.xls或.xlsx格式，其各列参数为下表所示(无需表头)</p>
                                  </div>
                                  <div style="width: 100%; height: 70%; margin-top: 2%;overflow: hidden">
                                      <div style="height: 100%;width: 105%;overflow-y: scroll">
                                       <table class="table" style="border: 1px solid grey">
                                           <thead style="width: 100%; height: 20%;background: #D7D7D7">
                                              <tr class="table_title">
                                                  <th>序号</th>
                                                  <th>扭矩(Nmm)</th>
                                                  <th>循环次数</th>
                                              </tr>
                                           </thead>
                                           <tbody>
                                                <tr style="text-align: center" v-for="(load_data,index) in spectrum_n" :key="index">
                                                    <td>{{load_data[0]}}</td>
                                                    <td>{{load_data[1]}}</td>
                                                    <td>{{load_data[2]}}</td>
                                                </tr>
                                           </tbody>
                                       </table>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div style="width: 100%;height: 34%;position: relative">
                              <div style="position: absolute;width: 50%;height: 100%">
                                  <ul class="left_top_text" style="margin-top: 12%">
                                      <li>接触疲劳强度安全系数</li>
                                      <li>接触静强度安全系数</li>
                                      <li>弯曲疲劳强度安全系数</li>
                                      <li>弯曲静强度安全系数</li>
                                      <li>接触长寿命系数</li>
                                      <li>弯曲长寿命系数</li>
                                      <li>润滑油40C粘度(mm^2/s)</li>
                                      <li>润滑油类型</li>
                                  </ul>
                              </div>
                              <div style="position: absolute;width: 50%;height: 100%;right: 0">
                                  <ul style="height: 91%" class="left_top_input">
                                      <li><input v-model="form.S_H_fatigue"/></li>
                                      <li><input v-model="form.S_H_static"/></li>
                                      <li><input v-model="form.S_F_fatigue"/></li>
                                      <li><input v-model="form.S_F_static"/></li>
                                      <li><input v-model="form.Znt_longlife"/></li>
                                      <li><input v-model="form.Ynt_longlife"/></li>
                                      <li><input v-model="form.v_40"/></li>
                                      <li>
                                          <select v-model="form.oil_type">
                                              <option value="1">矿物油</option>
                                              <option value="2">合成油</option>
                                          </select>
                                      </li>
                                  </ul>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div style="width: 100%; height: 25%;margin-top: 2%">
                      <img style="height: 96%;width: 100%" :src="img.img1"/>
                  </div>
              </a-col>
              <a-col span="18" style="height: 100%">
                  <div class="middle">
                      <div class="middle_left">
                          <div style="width: 100%;height: 2.4%;background: #D7D7D7">低速级平行轴齿轮基本参数</div>
                          <div style="width: 100%;height: 97.6%">
                              <div class="middle_top">
                                  <div style="width: 100%;height: 7%">齿轮材料基本参数</div>
                                  <div style="width: 100%;height: 93%;position: relative">
                                      <div class="middle_top_left">
                                          <ul class="middle_top_left_text">
                                              <li>材料类型</li>
                                              <li>屈服应力(MPa)</li>
                                              <li>接触疲劳极限应力(MPa)</li>
                                              <li>弯曲疲劳极限应力(MPa)</li>
                                              <li>齿面硬度(HB)</li>
                                              <li>弹性模量(MPa)</li>
                                              <li>泊松比</li>
                                          </ul>
                                      </div>
                                      <div class="middle_top_middle">
                                          <ul class="middle_top_left_input">
                                              <li>小轮</li>
                                              <li>
                                                  <select v-model="form.material_type_p_1">
                                                      <option value="1">渗碳淬火</option>
                                                      <option value="2">调质</option>
                                                      <option value="3">渗氮钢</option>
                                                      <option value="4">结构钢</option>
                                                      <option value="5">感应淬火和火焰淬火钢</option>
                                                      <option value="6">氮碳共渗钢</option>
                                                  </select>
                                              </li>
                                              <li><input v-model="form.sigma_s_p_1"/></li>
                                              <li><input v-model="form.sigma_Hlim_p_1"/></li>
                                              <li><input v-model="form.sigma_Flim_p_1"/></li>
                                              <li><input v-model="form.hardness_HB_p_1"/></li>
                                              <li><input v-model="form.E_p_1"/></li>
                                              <li><input v-model="form.possion_p_1"/></li>
                                          </ul>
                                      </div>
                                      <div class="middle_top_right">
                                          <ul class="middle_top_left_input">
                                              <li>大轮</li>
                                              <li>
                                                  <select v-model="form.material_type_w_1">
                                                      <option value="1">渗碳淬火</option>
                                                      <option value="2">调质</option>
                                                      <option value="3">渗氮钢</option>
                                                      <option value="4">结构钢</option>
                                                      <option value="5">感应淬火和火焰淬火钢</option>
                                                      <option value="6">氮碳共渗钢</option>
                                                  </select>
                                              </li>
                                              <li><input v-model="form.sigma_s_w_1"/></li>
                                              <li><input v-model="form.sigma_Hlim_w_1"/></li>
                                              <li><input v-model="form.sigma_Flim_w_1"/></li>
                                              <li><input v-model="form.hardness_HB_w_1"/></li>
                                              <li><input v-model="form.E_w_1"/></li>
                                              <li><input v-model="form.possion_w_1"/></li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                              <div class="middle_middle">
                                  <div style="width: 100%;height: 7%">齿形参数输入</div>
                                  <div style="width: 100%;height: 93%;position: relative">
                                      <div class="middle_top_left">
                                          <ul class="middle_top_left_text" style="margin-top: 10%">
                                              <li>齿顶高系数</li>
                                              <li>顶隙系数</li>
                                              <li>齿根圆角半径系数</li>
                                              <li>轮缘厚度系数</li>
                                              <li>齿向倒角高度(直径)(mm)</li>
                                              <li>齿向倒角角度(°)</li>
                                              <li>齿顶削减量(直径)(mm)</li>
                                              <li>挖根量(mm)</li>
                                              <li>齿面粗糙度Rz(um)</li>
                                              <li>齿根圆角粗糙度Rz (um)</li>
                                              <li>齿厚上偏差(um)</li>
                                              <li>齿厚公差(um)</li>
                                              <li>弯曲强度计算齿厚值(um)</li>
                                          </ul>
                                      </div>
                                      <div class="middle_top_middle">
                                          <ul class="middle_middle_left_input">
                                              <li>小轮</li>
                                              <li><input v-model="form.ad_factor_p_1"/></li>
                                              <li><input v-model="form.tip_factor_p_1"/></li>
                                              <li><input v-model="form.radius_factor_p_1"/></li>
                                              <li><input v-model="form.SR_p_1"/></li>
                                              <li><input v-model="form.chamfer_dia_p_1"/></li>
                                              <li><input v-model="form.chamfer_angle_p_1"/></li>
                                              <li><input v-model="form.ad_cut_dia_p_1"/></li>
                                              <li><input v-model="form.undercut_p_1"/></li>
                                              <li><input v-model="form.R_z_flank_p_1"/></li>
                                              <li><input v-model="form.R_z_root_p_1"/></li>
                                              <li><input v-model="form.thickness_reduction_p_1"/></li>
                                              <li><input v-model="form.tooth_thickness_tolerance_p_1"/></li>
                                              <li style="display: flex">
                                                  <div style="width: 55%; text-align: center;margin-top: 3%">{{ans.thickness_reduction_last_p_1}}</div>
                                                  <div style="width: 30%">
                                                  <select v-model="form.bend_strength_thickness_p_1">
                                                      <option value="1">最小</option>
                                                      <option value="2">平均</option>
                                                      <option value="3">最大</option>
                                                  </select>
                                                  </div>
                                              </li>
                                          </ul>
                                      </div>
                                      <div class="middle_top_right">
                                          <ul class="middle_middle_left_input">
                                              <li>大轮</li>
                                              <li><input v-model="form.ad_factor_w_1"/></li>
                                              <li><input v-model="form.tip_factor_w_1"/></li>
                                              <li><input v-model="form.radius_factor_w_1"/></li>
                                              <li><input v-model="form.SR_w_1"/></li>
                                              <li><input v-model="form.chamfer_dia_w_1"/></li>
                                              <li><input v-model="form.chamfer_angle_w_1"/></li>
                                              <li><input v-model="form.ad_cut_dia_w_1"/></li>
                                              <li><input v-model="form.undercut_w_1"/></li>
                                              <li><input v-model="form.R_z_flank_w_1"/></li>
                                              <li><input v-model="form.R_z_root_w_1"/></li>
                                              <li><input v-model="form.thickness_reduction_w_1"/></li>
                                              <li><input v-model="form.tooth_thickness_tolerance_w_1"/></li>
                                              <li style="display: flex">
                                                  <div style="width: 55%; text-align: center;margin-top: 3%">{{ans.thickness_reduction_last_w_1}}</div>
                                                  <div style="width: 30%">
                                                      <select v-model="form.bend_strength_thickness_w_1">
                                                          <option value="1">最小</option>
                                                          <option value="2">平均</option>
                                                          <option value="3">最大</option>
                                                      </select>
                                                  </div>
                                              </li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                              <div class="middle_bottom">
                                  <div style="width: 100%; height: 7%">系数参数</div>
                                  <div style="width: 100%; height: 93%; position: relative">
                                      <div class="middle_bottom_left">
                                          <ul class="middle_bottom_text">
                                              <li>使用系数</li>
                                              <li>动载系数</li>
                                              <li>接触齿向载荷分布系数</li>
                                              <li>接触齿间载荷分布系数</li>
                                              <li>弯曲齿向载荷分布系数</li>
                                              <li>弯曲齿间载荷分布系数</li>
                                              <li>静强度使用系数</li>
                                          </ul>
                                      </div>
                                      <div class="middle_bottom_right">
                                          <ul class="middle_bottom_input">
                                              <li class="img_li"><input v-model="form.K_A_1"/><button @click="showModal1(btn.value1)" :value="btn.value1" class="img_button">!</button></li>
                                              <a-modal :visible="visible1" width="620px"
                                                       @ok="handleOk1()" @cancel="handleCancel1()">
                                                  <div style="width: 100%;height: 100%;position: relative">
                                                      <img  :src="img.img2" v-show="showimg==1" class="img_img"/>
                                                      <img  :src="img.img3" v-show="showimg==2" class="img_img"/>
                                                      <img  :src="img.img4" v-show="showimg==3" class="img_img"/>
                                                      <img  :src="img.img5" v-show="showimg==4" class="img_img"/>
                                                  </div>
                                              </a-modal>
                                              <li class="img_li"><input v-model="form.K_V_1"/><button @click="showModal1(btn.value2)" :value="btn.value2" class="img_button">!</button></li>
                                              <li><input v-model="form.K_Hb_1"/></li>
                                              <li class="img_li"><input v-model="form.K_Ha_1"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button">!</button></li>
                                              <li><input v-model="form.K_Fb_1"/></li>
                                              <li class="img_li"><input v-model="form.K_Fa_1"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button">!</button></li>
                                              <li><input v-model="form.K_A_s_1"/></li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <div class="middle_right">
                          <div style="width: 100%;height: 2.4%;background: #D7D7D7">高速级平行轴齿轮基本参数</div>
                          <div style="width: 100%;height: 97.6%">
                              <div class="middle_top">
                                  <div style="width: 100%;height: 7%">齿轮材料基本参数</div>
                                  <div style="width: 100%;height: 93%;position: relative">
                                      <div class="middle_top_left">
                                          <ul class="middle_top_left_text">
                                              <li>材料类型</li>
                                              <li>屈服应力(MPa)</li>
                                              <li>接触疲劳极限应力(MPa)</li>
                                              <li>弯曲疲劳极限应力(MPa)</li>
                                              <li>齿面硬度(HB)</li>
                                              <li>弹性模量(MPa)</li>
                                              <li>泊松比</li>
                                          </ul>
                                      </div>
                                      <div class="middle_top_middle">
                                          <ul class="middle_top_left_input">
                                              <li>小轮</li>
                                              <li>
                                                  <select v-model="form.material_type_p_2">
                                                      <option value="1">渗碳淬火</option>
                                                      <option value="2">调质</option>
                                                      <option value="3">渗氮钢</option>
                                                      <option value="4">结构钢</option>
                                                      <option value="5">感应淬火和火焰淬火钢</option>
                                                      <option value="6">氮碳共渗钢</option>
                                                  </select>
                                              </li>
                                              <li><input v-model="form.sigma_s_p_2"/></li>
                                              <li><input v-model="form.sigma_Hlim_p_2"/></li>
                                              <li><input v-model="form.sigma_Flim_p_2"/></li>
                                              <li><input v-model="form.hardness_HB_p_2"/></li>
                                              <li><input v-model="form.E_p_2"/></li>
                                              <li><input v-model="form.possion_p_2"/></li>
                                          </ul>
                                      </div>
                                      <div class="middle_top_right">
                                          <ul class="middle_top_left_input">
                                              <li>大轮</li>
                                              <li>
                                                  <select v-model="form.material_type_w_2">
                                                      <option value="1">渗碳淬火</option>
                                                      <option value="2">调质</option>
                                                      <option value="3">渗氮钢</option>
                                                      <option value="4">结构钢</option>
                                                      <option value="5">感应淬火和火焰淬火钢</option>
                                                      <option value="6">氮碳共渗钢</option>
                                                  </select>
                                              </li>
                                              <li><input v-model="form.sigma_s_w_2"/></li>
                                              <li><input v-model="form.sigma_Hlim_w_2"/></li>
                                              <li><input v-model="form.sigma_Flim_w_2"/></li>
                                              <li><input v-model="form.hardness_HB_w_2"/></li>
                                              <li><input v-model="form.E_w_2"/></li>
                                              <li><input v-model="form.possion_w_2"/></li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                              <div class="middle_middle">
                                  <div style="width: 100%;height: 7%">齿形参数输入</div>
                                  <div style="width: 100%;height: 93%;position: relative">
                                      <div class="middle_top_left">
                                          <ul class="middle_top_left_text" style="margin-top: 10%">
                                              <li>齿顶高系数</li>
                                              <li>顶隙系数</li>
                                              <li>齿根圆角半径系数</li>
                                              <li>轮缘厚度系数</li>
                                              <li>齿向倒角高度(直径)(mm)</li>
                                              <li>齿向倒角角度(°)</li>
                                              <li>齿顶削减量(直径)(mm)</li>
                                              <li>挖根量(mm)</li>
                                              <li>齿面粗糙度Rz(um)</li>
                                              <li>齿根圆角粗糙度Rz (um)</li>
                                              <li>齿厚上偏差(um)</li>
                                              <li>齿厚公差(um)</li>
                                              <li>弯曲强度计算齿厚值(um)</li>
                                          </ul>
                                      </div>
                                      <div class="middle_top_middle">
                                          <ul class="middle_middle_left_input">
                                              <li>小轮</li>
                                              <li><input v-model="form.ad_factor_p_2"/></li>
                                              <li><input v-model="form.tip_factor_p_2"/></li>
                                              <li><input v-model="form.radius_factor_p_2"/></li>
                                              <li><input v-model="form.SR_p_2"/></li>
                                              <li><input v-model="form.chamfer_dia_p_2"/></li>
                                              <li><input v-model="form.chamfer_angle_p_2"/></li>
                                              <li><input v-model="form.ad_cut_dia_p_2"/></li>
                                              <li><input v-model="form.undercut_p_2"/></li>
                                              <li><input v-model="form.R_z_flank_p_2"/></li>
                                              <li><input v-model="form.R_z_root_p_2"/></li>
                                              <li><input v-model="form.thickness_reduction_p_2"/></li>
                                              <li><input v-model="form.tooth_thickness_tolerance_p_2"/></li>
                                              <li style="display: flex">
                                                  <div style="width: 55%; text-align: center;margin-top: 3%">{{ans.thickness_reduction_last_p_2}}</div>
                                                  <div style="width: 30%">
                                                      <select v-model="form.bend_strength_thickness_p_2">
                                                          <option value="1">最小</option>
                                                          <option value="2">平均</option>
                                                          <option value="3">最大</option>
                                                      </select>
                                                  </div>
                                              </li>
                                          </ul>
                                      </div>
                                      <div class="middle_top_right">
                                          <ul class="middle_middle_left_input">
                                              <li>大轮</li>
                                              <li><input v-model="form.ad_factor_w_2"/></li>
                                              <li><input v-model="form.tip_factor_w_2"/></li>
                                              <li><input v-model="form.radius_factor_w_2"/></li>
                                              <li><input v-model="form.SR_w_2"/></li>
                                              <li><input v-model="form.chamfer_dia_w_2"/></li>
                                              <li><input v-model="form.chamfer_angle_w_2"/></li>
                                              <li><input v-model="form.ad_cut_dia_w_2"/></li>
                                              <li><input v-model="form.undercut_w_2"/></li>
                                              <li><input v-model="form.R_z_flank_w_2"/></li>
                                              <li><input v-model="form.R_z_root_w_2"/></li>
                                              <li><input v-model="form.thickness_reduction_w_2"/></li>
                                              <li><input v-model="form.tooth_thickness_tolerance_w_2"/></li>
                                              <li style="display: flex">
                                                  <div style="width: 55%; text-align: center;margin-top: 3%">{{ans.thickness_reduction_last_w_2}}</div>
                                                  <div style="width: 30%">
                                                      <select v-model="form.bend_strength_thickness_w_2">
                                                          <option value="1">最小</option>
                                                          <option value="2">平均</option>
                                                          <option value="3">最大</option>
                                                      </select>
                                                  </div>
                                              </li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                              <div class="middle_bottom">
                                  <div style="width: 100%; height: 7%">系数参数</div>
                                  <div style="width: 100%; height: 93%; position: relative">
                                      <div class="middle_bottom_left">
                                          <ul class="middle_bottom_text">
                                              <li>使用系数</li>
                                              <li>动载系数</li>
                                              <li>接触齿向载荷分布系数</li>
                                              <li>接触齿间载荷分布系数</li>
                                              <li>弯曲齿向载荷分布系数</li>
                                              <li>弯曲齿间载荷分布系数</li>
                                              <li>静强度使用系数</li>
                                          </ul>
                                      </div>
                                      <div class="middle_bottom_right">
                                          <ul class="middle_bottom_input">
                                              <li class="img_li"><input v-model="form.K_A_2"/><button  @click="showModal1(btn.value1)" :value="btn.value1"  class="img_button">!</button></li>
                                              <li class="img_li"><input v-model="form.K_V_2"/><button  @click="showModal1(btn.value2)" :value="btn.value2"  class="img_button">!</button></li>
                                              <li><input v-model="form.K_Hb_2"/></li>
                                              <li class="img_li"><input v-model="form.K_Ha_2"/><button  @click="showModal1(btn.value3)" :value="btn.value3"  class="img_button">!</button></li>
                                              <li><input v-model="form.K_Fb_2"/></li>
                                              <li class="img_li"><input v-model="form.K_Fa_2"/><button  @click="showModal1(btn.value3)" :value="btn.value3"  class="img_button">!</button></li>
                                              <li><input v-model="form.K_A_s_2"/></li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div style="width: 96%;height: 4%;margin-left: 2%">
                      <button @click="calculation" style="width: 10%;height: 90%;margin-left: 85%">计算</button>
                  </div>
              </a-col>
          </a-row>
        </div>


        <div class="design" :class="{ B_show: this.Bcanshow }">
            <a-row style="width: 100%; height: 100%">
                <a-col span="18" style="height: 100%;display: flex;background: white">
                    <div style="width: 48%;height: 100%;box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);">
                        <div style="width: 100%;height: 3%;background: #D7D7D7">低速级平行轴宏观参数设计模块</div>
                        <div style="width: 100%;height: 97%">
                            <div style="width: 100%;height: 12%;display: flex">
                                <div style="width: 25%;height: 100%;">
                                    <ul class="design_top_text">
                                        <li>总传动比</li>
                                        <li>目标齿数比</li>
                                        <li>设计宽径比</li>
                                    </ul>
                                </div>
                                <div style="width: 25%;height: 100%">
                                    <ul class="design_top_input">
                                        <li><input v-model="form.ratio_aim_total"/></li>
                                        <li><input v-model="form.ratio_aim_1"/></li>
                                        <li><input v-model="form.ratio_width_diameter_p_1"/><button @click="showModal1(btn.value4)" :value="btn.value4" class="img_button" style="width: 18%">!</button></li>
                                    </ul>
                                </div>
                            </div>
                            <div style="width: 100%;height: 88%;display:flex">
                                <div style="width: 43%;height: 100%">
                                    <ul class="design_bottom_text">
                                    <li>设计法向压力角(°)</li>
                                    <li>设计螺旋角(°)</li>
                                    <li>设计宽径比</li>
                                    <li>参考分度圆直径(mm)</li>
                                    <li>参考中心距(mm)</li>
                                    <li>参考最大外径值(mm)</li>
                                    <li>参考法向模数(mm)</li>
                                    <li>设计法向模数(mm)</li>
                                    <li>参考齿数</li>
                                    <li>齿数调整值</li>
                                    <li>设计齿数</li>
                                    <li>设计齿数比</li>
                                    <li>齿数比差值百分比</li>
                                    <li>设计齿宽(mm)</li>
                                    <li>标准中心距(mm)</li>
                                    <li>设计中心距(mm)</li>
                                    <li v-show="form.auto_work_center_2==2">参考法向变位系数</li>
                                    <li>设计法向变位系数</li>
                                    <li>滑动率</li>
                                    <li>法向齿顶宽系数</li>
                                    <li>轴向重合度</li>
                                    <li>端面重合度</li>
                                    <li>总重合度</li>
                                    <li>接触疲劳强度裕度</li>
                                    <li>弯曲疲劳强度裕度</li>
                                    <li>接触静强度裕度</li>
                                    <li>弯曲静强度裕度</li>
                                    <li>端面齿顶圆直径(mm)</li>
                                    <li>端面齿根圆直径(mm)</li>
                                    <li>节圆线速度(m/s)</li>
                                    </ul>
                                </div>
                                <div style="width: 57%;height: 100%">
                                    <ul class="design_bottom_input">
                                        <li class="two_input">
                                            <div class="two_input1">小轮</div>
                                            <div class="two_input1">大轮</div>
                                        </li>
                                        <li class="center_input"><input v-model="form.press_angle_1"/></li>
                                        <li class="center_input"><input v-model="form.helix_angle_1"/></li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.ratio_width_diameter_p_1}}</div>
                                            <div class="two_input1">{{ans.ratio_width_diameter_w_1}}</div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1">{{ans.diameter_refer_strength_p_1}}</div>
                                            <div class="two_input1">{{ans.diameter_refer_strength_w_1}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.center_refer_strength_1}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.max_dia_refer_strength_1}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2" >{{ans.normal_module_refer_1}}</div>
                                        </li>
                                        <li class="center_input" style="margin-top: 1%"><input v-model="form.normal_module_1"/></li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.z_p_refer_1}}</div>
                                            <div class="two_input1">{{ans.z_w_refer_1}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1" style="width: 55%"></div>
                                            <div class="two_input1">
                                                <select v-model="form.z_w_adjust_1" style="width: 40%" >
                                                    <option value="0">0</option>
                                                    <option value="-6">-6</option>
                                                    <option value="-5">-5</option>
                                                    <option value="-4">-4</option>
                                                    <option value="-3">-3</option>
                                                    <option value="-2">-2</option>
                                                    <option value="-1">-1</option>
                                                    <option value="1">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5">5</option>
                                                    <option value="6">6</option>
                                                </select>
                                            </div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1" ><input v-model="form.z_p_1" style="width: 40%;margin-left:20%"/></div>
                                            <div class="two_input1">{{ans.z_w_1}}</div>
                                        </li>
                                        <li  style="margin-top: 0.5%">
                                            <div class="two_input2">{{ans.ratio_design_1}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.ratio_different_1}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2 ">{{ans.effect_width_1}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input3">{{ans.standard_center_1}}</div>
                                            <div style="margin-top: 1%;width: 30%"><input style="width: 12px;height: 12px" type="radio" v-model="form.auto_work_center_2" value="1"/>自动</div>
                                        </li>
                                        <li style="display: flex; margin-top: 1%">
                                            <div style="width: 60%;margin-left: 20%;position: relative">
                                            <input v-model="form.work_center_manual_1" v-show="form.auto_work_center_2==2" style="width: 100%;height: 100%;position: absolute"/>
                                            <div v-show="form.auto_work_center_2==1" style="width: 100%;height: 100%;position: absolute;text-align: center">{{ans.work_center_1}}</div>
                                            </div>
                                            <input style="width: 12px;height: 12px" type="radio" v-model="form.auto_work_center_2" value="2" />手动
                                        </li>
                                        <li class="two_input" v-show="form.auto_work_center_2==2">
                                            <div class="two_input1" style="width: 59%">{{ans.equal_normal_modi_factor_p_1}}</div>
                                            <div class="two_input1" style="margin-left: 7%">{{ans.equal_normal_modi_factor_w_1}}<button class="img_button" style="width: 18%">!</button></div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1" ><input v-model="form.normal_modi_factor_p_1" style="width: 40%;margin-left:20%"/></div>
                                            <div class="two_input1">{{ans.normal_modi_factor_w_1}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.slip_p_1}}</div>
                                            <div class="two_input1">{{ans.slip_w_1}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.normal_width_tip_factor_p_sn_1}}</div>
                                            <div class="two_input1">{{ans.normal_width_tip_factor_w_sn_1}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.axial_contact_ratio_1}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.tran_contact_ratio_1}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.total_contact_ratio_1}}</div>
                                        </li>
                                        <li class="two_input" style="margin-top: 1%">
                                            <div class="two_input1">{{ans.abundant_H_fatigue_p_1}}</div>
                                            <div class="two_input1">{{ans.abundant_H_fatigue_w_1}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.abundant_F_fatigue_p_1}}</div>
                                            <div class="two_input1">{{ans.abundant_F_fatigue_w_1}}</div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1">{{ans.abundant_H_static_p_1}}</div>
                                            <div class="two_input1">{{ans.abundant_H_static_w_1}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.abundant_F_static_p_1}}</div>
                                            <div class="two_input1">{{ans.abundant_F_static_w_1}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.tran_practice_ad_dia_p_1}}</div>
                                            <div class="two_input1">{{ans.tran_practice_ad_dia_w_1}}</div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1">{{ans.tran_de_dia_p_1}}</div>
                                            <div class="two_input1">{{ans.tran_de_dia_w_1}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2" style="margin-top: 0.5%">{{ans.v_pitch_1}}</div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="margin-left:2%;width: 48%;height: 100%;box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);">
                        <div style="width: 100%;height: 3%;background: #D7D7D7">高速级平行轴宏观参数设计模块</div>
                        <div style="width: 100%;height: 97%">
                            <div style="margin-left:5%;width: 100%;height: 12%;display: flex">
                                <div style="width: 25%;height: 100%;">
                                    <ul class="design_top_text">
                                        <li>目标齿数比</li>
                                        <li>设计宽径比</li>
                                        <li>总的传动比差值比</li>
                                    </ul>
                                </div>
                                <div style="width: 25%;height: 100%">
                                    <ul class="design_top_input">
                                        <li style="margin-left: 20%">{{ans.ratio_aim_2}}</li>
                                        <li><input v-model="form.ratio_width_diameter_p_2"/><button @click="showModal1(btn.value4)" :value="btn.value4" class="img_button" style="width: 18%">!</button></li>
                                        <li style="margin-left: 20%">{{ans.ratio_different_total}}</li>
                                    </ul>
                                </div>
                            </div>
                            <div style="width: 100%;height: 88%;display:flex">
                                <div style="width: 43%;height: 100%">
                                    <ul class="design_bottom_text">
                                        <li>设计法向压力角(°)</li>
                                        <li>设计螺旋角(°)</li>
                                        <li>设计宽径比</li>
                                        <li>参考分度圆直径(mm)</li>
                                        <li>参考中心距(mm)</li>
                                        <li>参考最大外径值(mm)</li>
                                        <li>参考法向模数(mm)</li>
                                        <li>设计法向模数(mm)</li>
                                        <li>参考齿数</li>
                                        <li>齿数调整值</li>
                                        <li>设计齿数</li>
                                        <li>设计齿数比</li>
                                        <li>齿数比差值百分比</li>
                                        <li>设计齿宽(mm)</li>
                                        <li>标准中心距(mm)</li>
                                        <li>设计中心距(mm)</li>
                                        <li v-show="form.auto_work_center_4==2">参考法向变位系数</li>
                                        <li>设计法向变位系数</li>
                                        <li>滑动率</li>
                                        <li>法向齿顶宽系数</li>
                                        <li>轴向重合度</li>
                                        <li>端面重合度</li>
                                        <li>总重合度</li>
                                        <li>接触疲劳强度裕度</li>
                                        <li>弯曲疲劳强度裕度</li>
                                        <li>接触静强度裕度</li>
                                        <li>弯曲静强度裕度</li>
                                        <li>端面齿顶圆直径(mm)</li>
                                        <li>端面齿根圆直径(mm)</li>
                                        <li>节圆线速度(m/s)</li>
                                    </ul>
                                </div>
                                <div style="width: 57%;height: 100%">
                                    <ul class="design_bottom_input">
                                        <li class="two_input">
                                            <div class="two_input1">小轮</div>
                                            <div class="two_input1">大轮</div>
                                        </li>
                                        <li class="center_input"><input v-model="form.press_angle_2"/></li>
                                        <li class="center_input"><input v-model="form.helix_angle_2"/></li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.ratio_width_diameter_p_2}}</div>
                                            <div class="two_input1">{{ans.ratio_width_diameter_w_2}}</div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1">{{ans.diameter_refer_strength_p_2}}</div>
                                            <div class="two_input1">{{ans.diameter_refer_strength_w_2}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.center_refer_strength_2}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.max_dia_refer_strength_2}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2" >{{ans.normal_module_refer_2}}</div>
                                        </li>
                                        <li class="center_input" style="margin-top: 1%"><input v-model="form.normal_module_2"/></li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.z_p_refer_2}}</div>
                                            <div class="two_input1">{{ans.z_w_refer_2}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1" style="width: 55%"></div>
                                            <div class="two_input1">
                                                <select v-model="form.z_w_adjust_2" style="width: 40%" >
                                                    <option value="0">0</option>
                                                    <option value="-6">-6</option>
                                                    <option value="-5">-5</option>
                                                    <option value="-4">-4</option>
                                                    <option value="-3">-3</option>
                                                    <option value="-2">-2</option>
                                                    <option value="-1">-1</option>
                                                    <option value="1">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5">5</option>
                                                    <option value="6">6</option>
                                                </select>
                                            </div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1" ><input v-model="form.z_p_2" style="width: 40%;margin-left:20%"/></div>
                                            <div class="two_input1">{{ans.z_w_2}}</div>
                                        </li>
                                        <li  style="margin-top: 0.5%">
                                            <div class="two_input2">{{ans.ratio_design_2}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.ratio_different_2}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2 ">{{ans.effect_width_2}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input3">{{ans.standard_center_2}}</div>
                                            <div style="margin-top: 1%;width: 30%"><input style=" width: 12px;height: 12px" type="radio" v-model="form.auto_work_center_4" value="1"/>自动</div>
                                        </li>
                                        <li style="display: flex; margin-top: 1%">
                                            <div style="width: 60%;margin-left: 20%;position: relative">
                                                <input v-model="form.work_center_manual_2" v-show="form.auto_work_center_4==2" style="width: 100%;height: 100%;position: absolute"/>
                                                <div v-show="form.auto_work_center_4==1" style="width: 100%;height: 100%;position: absolute;text-align: center">{{ans.work_center_2}}</div>
                                            </div>
                                            <input style="width: 12px;height: 12px" type="radio" v-model="form.auto_work_center_4" value="2" />手动
                                        </li>
                                        <li class="two_input" v-show="form.auto_work_center_4==2">
                                            <div class="two_input1" style="width: 59%">{{ans.equal_normal_modi_factor_p_2}}</div>
                                            <div class="two_input1" style="margin-left: 7%">{{ans.equal_normal_modi_factor_w_2}}<button class="img_button" style="width: 18%">!</button></div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1" ><input v-model="form.normal_modi_factor_p_2" style="width: 40%;margin-left:20%"/></div>
                                            <div class="two_input1">{{ans.normal_modi_factor_w_2}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.slip_p_2}}</div>
                                            <div class="two_input1">{{ans.slip_w_2}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.normal_width_tip_factor_p_sn_2}}</div>
                                            <div class="two_input1">{{ans.normal_width_tip_factor_w_sn_2}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.axial_contact_ratio_2}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.tran_contact_ratio_2}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2">{{ans.total_contact_ratio_2}}</div>
                                        </li>
                                        <li class="two_input" style="margin-top: 1%">
                                            <div class="two_input1">{{ans.abundant_H_fatigue_p_2}}</div>
                                            <div class="two_input1">{{ans.abundant_H_fatigue_w_2}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.abundant_F_fatigue_p_2}}</div>
                                            <div class="two_input1">{{ans.abundant_F_fatigue_w_2}}</div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1">{{ans.abundant_H_static_p_2}}</div>
                                            <div class="two_input1">{{ans.abundant_H_static_w_2}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.abundant_F_static_p_2}}</div>
                                            <div class="two_input1">{{ans.abundant_F_static_w_2}}</div>
                                        </li>
                                        <li class="two_input">
                                            <div class="two_input1">{{ans.tran_practice_ad_dia_p_2}}</div>
                                            <div class="two_input1">{{ans.tran_practice_ad_dia_w_2}}</div>
                                        </li>
                                        <li class="two_input" style="margin-top: 0.5%">
                                            <div class="two_input1">{{ans.tran_de_dia_p_2}}</div>
                                            <div class="two_input1">{{ans.tran_de_dia_w_2}}</div>
                                        </li>
                                        <li>
                                            <div class="two_input2" style="margin-top: 0.5%">{{ans.v_pitch_2}}</div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </a-col>
                <a-col span="6" style="height: 100%;background: white">
                    <div style="width: 100%;height: 100%;position: relative">
                    <button @click="showModal2" style="width:30%; height:5%;position: absolute;top: 90%">查看相关参数</button>
                        <a-modal :visible="visible2" width="50%"
                                 @ok="handleOk2" @cancel="handleCancel2">
                            <div style="width: 100%;height: 100%">
                                <div style="width: 98%;height: 98%;margin-top: 1%;margin-left: 1%;box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);">
                                <div style="height: 10%;width: 100%;background: #D7D7D7">相关参数</div>
                                <div style="height: 90%;width: 100%;display: flex">
                                    <div style="height: 100%;width:30%;">
                                        <ul class="modal_text">
                                            <li>计算接触应力(MPa)</li>
                                            <li>许用接触应力(MPa)</li>
                                            <li>计算弯曲应力(MPa)</li>
                                            <li>许用弯曲应力(MPa)</li>
                                            <li>节圆直径</li>
                                            <li>基圆直径</li>
                                            <li>啮合角(°)</li>
                                            <li>基圆螺旋角(°)</li>
                                            <li>转速(rpm)</li>
                                            <li>切向载荷(N)</li>
                                            <li>径向载荷(N)</li>
                                            <li>轴向载荷(N)</li>
                                        </ul>
                                    </div>
                                    <div style="height: 100%;width:35%;">
                                        <ul class="modal_input">
                                            <li><div class="modal_input2">低速级</div></li>
                                            <li>
                                                <div class="modal_input1">小轮</div>
                                                <div class="modal_input1">大轮</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.sigma_H_fatigue_design_p_1_ex}}</div>
                                                <div class="modal_input1">{{ans.sigma_H_fatigue_design_w_1_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.sigma_HG_p_1_ex}}</div>
                                                <div class="modal_input1">{{ans.sigma_HG_w_1_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.sigma_F_fatigue_design_p_1_ex}}</div>
                                                <div class="modal_input1">{{ans.sigma_F_fatigue_design_w_1_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.sigma_FG_p_1_ex}}</div>
                                                <div class="modal_input1">{{ans.sigma_FG_w_1_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.tran_pitch_p_1_ex}}</div>
                                                <div class="modal_input1">{{ans.tran_pitch_w_1_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.tran_base_dia_p_1_ex}}</div>
                                                <div class="modal_input1">{{ans.tran_base_dia_w_1_ex}}</div>
                                            </li>
                                            <li><div class="modal_input2">{{ans.mesh_angle_1_ex}}</div></li>
                                            <li><div class="modal_input2">{{ans.base_helix_angle_1_ex}}</div></li>
                                            <li>
                                                <div class="modal_input1">{{ans.n_p_1_ex}}</div>
                                                <div class="modal_input1">{{ans.n_w_1_ex}}</div>
                                            </li>
                                            <li><div class="modal_input2">{{ans.tangential_load_1_0}}</div></li>
                                            <li><div class="modal_input2">{{ans.radial_load_1_0}}</div></li>
                                            <li><div class="modal_input2">{{ans.axial_load_1_0}}</div></li>
                                        </ul>
                                    </div>
                                    <div style="height: 100%;width:35%;">
                                        <ul class="modal_input">
                                            <li><div class="modal_input2">高速级</div></li>
                                            <li>
                                                <div class="modal_input1">小轮</div>
                                                <div class="modal_input1">大轮</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.sigma_H_fatigue_design_p_2_ex}}</div>
                                                <div class="modal_input1">{{ans.sigma_H_fatigue_design_w_2_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.sigma_HG_p_2_ex}}</div>
                                                <div class="modal_input1">{{ans.sigma_HG_w_2_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.sigma_F_fatigue_design_p_2_ex}}</div>
                                                <div class="modal_input1">{{ans.sigma_F_fatigue_design_w_2_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.sigma_FG_p_2_ex}}</div>
                                                <div class="modal_input1">{{ans.sigma_FG_w_2_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.tran_pitch_p_2_ex}}</div>
                                                <div class="modal_input1">{{ans.tran_pitch_w_2_ex}}</div>
                                            </li>
                                            <li>
                                                <div class="modal_input1">{{ans.tran_base_dia_p_2_ex}}</div>
                                                <div class="modal_input1">{{ans.tran_base_dia_w_2_ex}}</div>
                                            </li>
                                            <li><div class="modal_input2">{{ans.mesh_angle_2_ex}}</div></li>
                                            <li><div class="modal_input2">{{ans.base_helix_angle_2_ex}}</div></li>
                                            <li>
                                                <div class="modal_input1">{{ans.n_p_2_ex}}</div>
                                                <div class="modal_input1">{{ans.n_w_2_ex}}</div>
                                            </li>
                                            <li><div class="modal_input2">{{ans.tangential_load_2_0}}</div></li>
                                            <li><div class="modal_input2">{{ans.radial_load_2_0}}</div></li>
                                            <li><div class="modal_input2">{{ans.axial_load_2_0}}</div></li>
                                        </ul>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </a-modal>
                    </div>
                </a-col>
            </a-row>
        </div>

    </div>
</template>
<script>
    import img1 from "@/assets/image/image_72_4.jpg";
    import img2 from "@/assets/image/image_72_1.jpg";
    import img3 from "@/assets/image/image_72_2.jpg";
    import img4 from "@/assets/image/image_72_5.jpg";
    import img5 from "@/assets/image/image_72_3.jpg";
    import {firedelete, firetext, two_parallel_design_last_sn} from "../../../../api/file";
    import axios from "axios";

    export default {
      name: "nametwo_planet_add_one_parallel_design_check",
      data() {
        return {
          btn:{
            value1:1,
            value2:2,
            value3:3,
            value4:4
          },
          spectrum_n:[[]],
          showimg:1,
          visible1:false,
          visible2:false,
          AisSelectActive:true,
          BisSelectActive:false,
          Acanshow:true,
          Bcanshow:false,
          img:{
            img1,
            img2,
            img3,
            img4,
            img5
          },
          form:this.$store.state.file.dataList[71],
          form2:{
            uuids:[]
          },
          ans:{
            ratio_width_diameter_p_1:"Text",
            ratio_width_diameter_p_2:"Text",
            ratio_width_diameter_w_1:"Text",
            ratio_width_diameter_w_2:"Text",
            thickness_reduction_last_p_1:"Text",
            thickness_reduction_last_w_1:"Text",
            thickness_reduction_last_p_2:"Text",
            thickness_reduction_last_w_2:"Text",
            diameter_refer_strength_p_1:"Text",
            diameter_refer_strength_w_1:"Text",
            diameter_refer_strength_p_2:"Text",
            diameter_refer_strength_w_2:"Text",
            center_refer_strength_1:"Text",
            center_refer_strength_2:"Text",
            max_dia_refer_strength_1:"Text",
            max_dia_refer_strength_2:"Text",
            normal_module_refer_1:"Text",
            normal_module_refer_2:"Text",
            z_p_refer_1:"Text",
            z_w_refer_1:"Text",
            z_p_refer_2:"Text",
            z_w_refer_2:"Text",
            z_w_1:"Text",
            z_w_2:"Text",
            ratio_design_1:"Text",
            ratio_design_2:"Text",
            ratio_different_1:"Text",
            ratio_different_2:"Text",
            effect_width_1:"Text",
            effect_width_2:"Text",
            standard_center_1:"Text",
            standard_center_2:"Text",
            work_center_1:"Text",
            work_center_2:"Text",
            normal_modi_factor_w_1:"Text",
            normal_modi_factor_w_2:"Text",
            slip_p_1:"Text",
            slip_w_1:"Text",
            slip_p_2:"Text",
            slip_w_2:"Text",
            normal_width_tip_factor_p_sn_1:"Text",
            normal_width_tip_factor_w_sn_1:"Text",
            normal_width_tip_factor_p_sn_2:"Text",
            normal_width_tip_factor_w_sn_2:"Text",
            axial_contact_ratio_1:"Text",
            axial_contact_ratio_2:"Text",
            tran_contact_ratio_1:"Text",
            tran_contact_ratio_2:"Text",
            total_contact_ratio_1:"Text",
            total_contact_ratio_2:"Text",
            abundant_H_fatigue_p_1:"Text",
            abundant_H_fatigue_w_1:"Text",
            abundant_H_fatigue_p_2:"Text",
            abundant_H_fatigue_w_2:"Text",
            abundant_F_fatigue_p_1:"Text",
            abundant_F_fatigue_w_1:"Text",
            abundant_F_fatigue_p_2:"Text",
            abundant_F_fatigue_w_2:"Text",
            abundant_H_static_p_1:"Text",
            abundant_H_static_w_1:"Text",
            abundant_H_static_p_2:"Text",
            abundant_H_static_w_2:"Text",
            abundant_F_static_p_1:"Text",
            abundant_F_static_w_1:"Text",
            abundant_F_static_p_2:"Text",
            abundant_F_static_w_2:"Text",
            tran_practice_ad_dia_p_1:"Text",
            tran_practice_ad_dia_w_1:"Text",
            tran_practice_ad_dia_p_2:"Text",
            tran_practice_ad_dia_w_2:"Text",
            tran_de_dia_p_1:"Text",
            tran_de_dia_w_1:"Text",
            tran_de_dia_p_2:"Text",
            tran_de_dia_w_2:"Text",
            v_pitch_1:"Text",
            v_pitch_2:"Text",
            ratio_aim_2:"Text",
            ratio_different_total:"Text",
            equal_normal_modi_factor_p_1:"Text",
            equal_normal_modi_factor_w_1:"Text",
            equal_normal_modi_factor_p_2:"Text",
            equal_normal_modi_factor_w_2:"Text",
            sigma_H_fatigue_design_p_1_ex:"Text",
            sigma_H_fatigue_design_w_1_ex:"Text",
            sigma_H_fatigue_design_p_2_ex:"Text",
            sigma_H_fatigue_design_w_2_ex:"Text",
            sigma_HG_p_1_ex:"Text",
            sigma_HG_w_1_ex:"Text",
            sigma_HG_p_2_ex:"Text",
            sigma_HG_w_2_ex:"Text",
            sigma_F_fatigue_design_p_1_ex:"Text",
            sigma_F_fatigue_design_w_1_ex:"Text",
            sigma_F_fatigue_design_p_2_ex:"Text",
            sigma_F_fatigue_design_w_2_ex:"Text",
            sigma_FG_p_1_ex:"Text",
            sigma_FG_w_1_ex:"Text",
            sigma_FG_p_2_ex:"Text",
            sigma_FG_w_2_ex:"Text",
            tran_pitch_p_1_ex:"Text",
            tran_pitch_w_1_ex:"Text",
            tran_pitch_p_2_ex:"Text",
            tran_pitch_w_2_ex:"Text",
            tran_base_dia_p_1_ex:"Text",
            tran_base_dia_w_1_ex:"Text",
            tran_base_dia_p_2_ex:"Text",
            tran_base_dia_w_2_ex:"Text",
            mesh_angle_1_ex:"Text",
            mesh_angle_2_ex:"Text",
            base_helix_angle_1_ex:"Text",
            base_helix_angle_2_ex:"Text",
            n_p_1_ex:"Text",
            n_w_1_ex:"Text",
            n_p_2_ex:"Text",
            n_w_2_ex:"Text",
            tangential_load_1_0:"Text",
            tangential_load_2_0:"Text",
            radial_load_1_0:"Text",
            radial_load_2_0:"Text",
            axial_load_1_0:"Text",
            axial_load_2_0:"Text"
          }
        };
      },
      created() {
        document.title = '两级NGW型平行轴系宏观参数设计及优化'
        this.$store.state.file.key=71
      },
      mounted(){
        //绑定页面退出事件
        window.onbeforeunload= (e)=>{
          e = e || window.event;
          if (e) {
            e.returnValue = '关闭提示';
          }
          this.delete()//调用自己的方法
          // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
          return '关闭提示';
        };

      },
      methods:{
        //同步请求删除载荷谱数组的方法
        async delete(){
          // await axios.get("http://localhost:7001/hellow").then(res => {
          // })
          this.form2.uuids=this.form2.uuids.toString();//将载荷谱文件数组转成字符串
          await firedelete(this.form2).then(res => {//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
            console.log(res);
          })
          },
        showModal1(a){
          if(a==1){
            this.showimg=1;
          }else if(a==2){
            this.showimg=2;
          }else if(a==3){
            this.showimg=3;
          }else if(a==4){
            this.showimg=4;
          }
          this.visible1=true;
        },
        handleOk1(){
          this.visible1=false;
        },
        handleCancel1(){
          this.visible1=false;
        },
        showModal2(){
          this.visible2=true;
        },
        handleOk2(){
          this.visible2=false;
        },
        handleCancel2(){
          this.visible2=false;
        },
        select(){
          this.AisSelectActive=!this.AisSelectActive;
          this.BisSelectActive=!this.BisSelectActive;
          this.Bcanshow=!this.Bcanshow;
          this.Acanshow=!this.Acanshow;
        },
        calculation(){
          this.form.power_rate_w_1=this.form.spectrum_torque_w_1;
          //这个括号里面可以传参，一般就是传你this.form的内容
          two_parallel_design_last_sn(this.form)
              .then(res => {//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
                console.log(res);
                //然后再把这里面的数据放到你绑定的对象动态改变值即可
                this.ans = res;
              })
              .catch(error => {
                console.log(error);
              });
        },
        customRequest(data)
        {
          const formData = new FormData()
          formData.append('fileName', data.file)
          firetext(formData)
              .then(res => {//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
                console.log(res)
                this.spectrum_n=res.data.filedata;
                this.form.uuid=res.data.uuid;
                this.form2.uuids.push(res.data.uuid);
              })
              .catch(error => {
                console.log(error);
              });
        }
      }
    };
</script>

<style scoped>
    .parameter,.design{
        position: absolute;
        left: 0;
        top: 3%;
        width: 98%;
        height: 801px;
        margin-left:1%;
        color: #333333;
    }
    .design{
        /*默认显示基本参数界面*/
        left: 100%;
    }
    .a,.b{
        display: block;
        float: left;
        width: 8%;
        height: 3%;
        color: rgb(51,51,51);
        background-color: rgb(240,240,240);
        border: 1px solid #D7D7D7;
        outline: none;
        line-height: 1.2;
        font-size: 13px;
    }
    .select_active{
        background-color: #D7D7D7;
        color: #333333;
    }
    .B_show{
        left: 0;
    }
    .left_top_text
    {
        width: 100%;
        height: 100%;
        text-align: right;
        margin-top: 10%;
    }
    .left_top_input
    {
        width: 100%;
        height: 100%;
        margin-top: 10%;
        margin-left: 10%;
    }
    .left_top_input li
    {
        width: 100%;
        height: 12%;
    }
    .left_top_input input
    {
        width: 50%;
        height: 90%;
    }
    .left_top_input select
    {
        width: 50%;
        height: 90%;
    }
    .left_middle_text
    {
        width: 100%;
        height: 30%;
        margin-top: 60%;
        text-align: right;
    }
    .left_middle_input
    {
        width: 100%;
        height: 30%;
        margin-top: 58%;
        margin-left: 10%;
    }
    .left_middle_input li
    {
        width: 100%;
        height: 40%;
    }
    .left_middle_input input
    {
        width: 50%;
        height: 90%;
    }
    .left_middle_input select
    {
        width: 50%;
        height: 90%;
    }
    .middle
    {
        width: 96%;
        height: 96%;
        position: relative;
        margin-left: 2%;
    }
    .middle_top
    {
        width: 96%;
        height:24.5%;
        border-width: 2px;
        border-style: solid;
        border-color: rgba(121, 121, 121, 1);
        border-radius: 8px;
        margin-top: 0.5%;
        margin-left: 2%;
    }
    .middle_top_left
    {
        position: absolute;
        width: 35%;
        height: 100%;
        left: 0;
    }
    .middle_top_middle
    {
        position: absolute;
        width: 30%;
        height: 100%;
        left: 37%;
    }
    .middle_top_right
    {
        position: absolute;
        width: 30%;
        height: 100%;
        right: 5%;
    }

   .middle_top_left_text
       {
           width: 100%;
           height: 100%;
           text-align: right;
           margin-top: 5%;
       }
       .middle_top_left_input
       {
           width: 100%;
           text-align: center;
           height: 100%;
           margin-top: -5%;
       }
    .middle_top_left_input li
    {
        width: 100%;
        height: 12%;
    }
    .middle_top_left_input input
    {
        width: 70%;
        height: 100%;
    }
    .middle_top_left_input select
    {
        width: 70%;
        height: 100%;
    }
    .middle_left
    {
        width: 49%;
        height: 100%;
        position: absolute;
        left: 0;
        box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);
    }
    .middle_right
    {
        width: 49%;
        height: 100%;
        position: absolute;
        right:0;
        box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);
    }
    .middle_middle
    {
        width: 96%;
        height:44.5%;
        border-width: 2px;
        border-style: solid;
        border-color: rgba(121, 121, 121, 1);
        border-radius: 8px;
        margin-top: 0.3%;
        margin-left: 2%;
    }
    .middle_middle_left_input
    {
        width: 100%;
        text-align: center;
        height: 100%;
        margin-top: 0.5%;
    }
    .middle_middle_left_input li
    {
        width: 100%;
        height: 6.7%;
    }
    .middle_middle_left_input input
    {
        width: 70%;
        height: 100%;
    }
    .middle_bottom
    {
        width: 96%;
        height:30%;
        border-width: 2px;
        border-style: solid;
        border-color: rgba(121, 121, 121, 1);
        border-radius: 8px;
        margin-top: 0.3%;
        margin-left: 2%;
    }
    .middle_bottom_left
    {
        width: 35%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .middle_bottom_right
    {
        width: 63%;
        height: 100%;
        position: absolute;
        left: 37%;
    }
    .middle_bottom_text
    {
        width: 100%;
        height: 100%;
        margin-top: 10%;
        text-align: right;
    }
    .middle_bottom_text li
    {
        margin-top: 1.5%;
    }
    .middle_bottom_input
    {
        width: 100%;
        height: 100%;
        margin-top: 5%;
        margin-left: 6.8%;
    }
    .img_button
    {
        height: 100%;
        width: 10%;
        border-radius: 5px;
    }
    .img_li
    {
        display: flex;
    }


    .design_top_text
    {
        width: 100%;
        height: 100%;
        text-align: right;
        margin-top: 10%;
    }
    .design_top_text li
    {
        width: 100%;
        height: 20%;
    }
    .design_top_input
    {
        width: 100%;
        height: 100%;
        margin-top: 9%;
        margin-left: 15%;
    }
    .design_top_input li
    {
        width: 100%;
        height: 20%;
    }
    .design_top_input input
    {
        width: 60%;
        height: 100%;
    }
    .design_bottom_text
    {
        width: 100%;
        height: 100%;
        text-align: right;
        margin-top: 8%;
    }
    .design_bottom_input
    {
        width: 100%;
        height: 100%;
    }
    .design_bottom_input li
    {
        width: 100%;
        height: 2.98%;
    }
    .two_input
    {
        display: flex;
    }
    .two_input1
    {
        width: 50%;
        height: 100%;
        text-align: center;
    }
    .two_input2
    {
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .two_input3
    {
        width: 52%;
        height: 100%;
        margin-left: 45.5%;
    }
    .center_input
    {
        text-align: center;
    }
    .center_input input
    {
        width: 60%;
        height: 100%;
    }
    .modal_text
    {
        height: 100%;
        width: 100%;
        text-align: right;
        margin-top: 30%;
    }
    .modal_input1
    {
        width: 50%;
        height: 100%;
    }
    .modal_input2
    {
        width: 100%;
        height: 100%;
    }
    .modal_input
    {
        width: 100%;
        height: 100%;
        margin-top: 9%;
        text-align: center;
    }
    .modal_input li
    {
        width: 100%;
        display: flex;
    }
    .table_title
    {
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .table
    {
        height: 100%;
        width: 90%;
        margin-left: 5%;
        box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);
    }
    .table_title th
    {
        width: 33%;
        height: 100%;
    }
    tbody tr:nth-child(odd)    {
        background-color:#ffffff;
    }

    tbody  tr:nth-child(even)
    {
        background-color:#f1f1f1;
    }
</style>